<template>
<div>
    <!-- 6.实现首页搜索框自适应布局 -->
    <!-- 10.使用搜索组件，并实现首页搜索框向下滑动吸顶效果 -->
    <van-sticky>
        <div class="icon">
            <!-- 5.正确使用字体图标进行排版 -->
            <i class="iconfont icon-dizhi">碧桂园凤凰城</i>
      <van-search
        v-model="value"
        shape="round"
        background="#4fc08d"
        placeholder="请输入搜索关键词"
        @search="search"
      />
        </div>
        
    </van-sticky>
</div>
</template>
<script setup>
import {ref} from 'vue'


const value = ref("");
// const search = () =>{
//     console.log(11);
// }

// 9.封装搜索组件，并做防抖处理
const search = _.debounce(() =>{
    console.log(11);
},1000)
</script>
<style lang="=scss" scoped>

</style>